﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cycron 任务调度管理器</title>
    <!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!-- Morris Chart Styles-->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
    <!-- Google Fonts-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><i class="fa fa-comments"></i> <strong>Cycron</strong></a>
            </div>

            <ul class="nav navbar-top-links navbar-right">
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-user fa-fw"></i> {{user.UserName}} <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="javascript:void(0);" @click="open_model(1);"><i class="fa fa-user fa-fw"></i>用户信息</a>
                        </li>
                        <li><a href="javascript:void(0);" @click="open_model(-1);"><i class="fa fa-gear fa-fw"></i>添加用户</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="javascript:void(0);" @click="logout();"><i class="fa fa-sign-out fa-fw"></i>退出</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a :class="{ 'active-menu': actIndex == 0}" @click="select_menu(0)" target="content-frm" href="cron-dash.html"><i class="fa fa-dashboard"></i> 仪表盘</a>
                    </li>
                    <li>
                        <a :class="{ 'active-menu': actIndex == 1}" @click="select_menu(1)" target="content-frm" href="cron-tasks.html"><i class="fa fa-desktop"></i> 任务管理</a>
                    </li>
                    <li>
                        <a :class="{ 'active-menu': actIndex == 2}" @click="select_menu(2)" target="content-frm" href="cron-task-group.html"><i class="fa fa-bar-chart-o"></i> 分组管理</a>
                    </li>
                    <li>
                        <a :class="{ 'active-menu': actIndex == 3}" @click="select_menu(3)" target="content-frm" href="cron-log.html"><i class="fa fa-desktop"></i> 调度日志</a>
                    </li>
                    <li>
                        <a :class="{ 'active-menu': actIndex == 4}" @click="select_menu(4)" target="content-frm" href="cron-help.html"><i class="fa fa-qrcode"></i> 帮助</a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper">
            <div id="page-inner">
                <iframe :src="target" id="content-frm" name="content-frm"></iframe>
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->

        <!-- 添加任务对话框 -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">{{modTitle}}</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
                                <div class="col-sm-10">
                                    <input class="form-control col-sm-10" id="" v-model="uptUser.UserName" placeholder="用户名">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
                                <div class="col-sm-10">
                                    <input class="form-control col-sm-10" id="" v-model="uptUser.Email" placeholder="邮箱">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-2 control-label">新密码</label>
                                <div class="col-sm-10">
                                    <input class="form-control col-sm-10" id="" v-model="uptUser.Passwd" placeholder="新密码">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" @click="save_user();" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modals-->
    </div>
    <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
	 
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>

    <script src="assets/js/axios.min.js"></script>
    <script src="assets/js/global.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="assets/js/cron-index.js"></script>

</body>

</html>